<!-- This document is used to test and develop dmMonocle. For integration with CONTENTdm, please review 
	 item_viewer.php and pan_view.php -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>dmMonocle - View CONTENTdm images with style!</title>	
	<link rel="stylesheet" href="styles/dmmonocle.css" type="text/css" media="screen">
</head>
<body>

<div id="feedback"> <!-- this div is for testing, allowing developers to dump text into it to check teh mathz --> </div>

<div id="dmMonocle">
	<!-- Currently, dmMonocle is a bit unflexible. It requires there be a div called dmMonocle on the page to work. --> 
</div>

<!-- Put all JS at the bottom of the page (general best practice). -->
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.event.drag-1.5.min.js"></script>
<script type="text/javascript" src="scripts/jquery-ui-1.7.1.custom.min.js"></script>
<script type="text/javascript" src="scripts/dmmonocle.js"></script>

<!-- Initialize dmMonocle. -->
<!-- Usage: dmMonocle(Image Width, Image Height, CISOPTR, CISOROOT); -->
<script type="text/javascript">
	$(window).ready(function() {
		dmMonocle(4902, 3730, 30, "/snv");
		// dmMonocle(5111, 3842, 9, "/snv");
		// dmMonocle(2596, 3335, 5178, "/snv");
		// dmMonocle(10360, 9590, 426, "/LV_Maps");						   		
		// dmMonocle(5831, 3559, 2678, "/snv");
		// dmMonocle(4012, 1432, 1493, "/snv");
	});
</script>

</body>
</html>